<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <title>speedy管理系统-做专业快速的开发管理平台</title>
</head>
<script src="/static/public/js/jquery.js"></script>
<script src="/static/public/js/Alert.js"></script>
<script src="/static/public/js/publicDesktop.js"></script>
<link href="/static/public/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="/static/public/css/public.css" rel="stylesheet" type="text/css" />
<style>
.glyphicon{line-height:unset !important;}

#content li{width:70px;height:70px;text-align:center;margin-top:10px;flex:auto;flex-grow: 0;flex-shrink: 0;padding-right:3px;}
#content li a{display:block;color:#000;font-size:28px;width:100%;}
#content #listicon li:hover{background:#e1e1e1;}
#righthand li{width:100%;height:30px;line-height:30px;}
#righthand li a{display:block;font-size:12px;text-align:left;height:auto;color:#000;text-indent: 1em;}
#righthand li a:hover{background:#e1e1e1;}
.listright{}
.windows{width:60%;height:40%;position:fixed;background:#fff;left:20%;top:20%;border:1px solid #666;}
.windowstitle:hover{cursor:move}
.windowstitle:active{cursor:move}
.fullScreen{width:100%!important;height:94%!important;}

.menuWindows li{width:70px;height:70px;text-align:center;margin-top:10px;flex:auto;flex-grow: 0;flex-shrink: 0;}
.menuWindows li a{display:block;color:#000;font-size:28px;width:100%;height:100%;}
.menuWindows .listicon li:hover{background:#e1e1e1;}

.footer .footericon .btn{color:#fff;}
.footer .footericon .btn:hover{color:#4e4d4d;}
.footer .footericon ul{margin-bottom:unset!important;}
.footer .footerlist ul li{height:40px;color:#fff;line-height:40px;font-size:16px;display:block;cursor:pointer;text-indent:1em;}
.footer .footerlist ul li:hover{background:rgb(29, 131, 160);}
</style>
<body>
<div class="box" style="user-select:none;overflow: hidden;">
		<div id="content" style="float:left;display:block;width:100%;height:95%;">
			<ul id="listicon" style="width:100%;height:100%;display: flex;flex-direction: column;flex-wrap: wrap;align-content: flex-start">
				<li> 
					<a href="javascript:void(0);" >
			          <span class="glyphicon glyphicon-folder-open"></span>
			          <span style="display:block;font-size:14px;">菜单加载初始化</span>
			        </a>
        		</li>
			</ul>
		</div>
		<div class="footer" id="footer" style="width:100%;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0%);">
			<div id="footerlist" class="footerlist" style="box-shadow: 1px -1px 1px;z-index:999;position:absolute;height:636px;width:585px;background:rgb(53, 182, 220);bottom:100%;display:none;">
				<div style="width:100%;height:100%;padding-top:20px;padding-bottom:20px;">
					<dl class="left" style="width:50%;height:100%;border-right:1px solid #fff;">
						<div style="margin:0 auto;width:100px;height:100px;border-radius:100px;border:1px solid #fff;overflow: hidden;">
						<img width="100%" height="100%" alt="个人头像" th:src="${user.avatar}" src="/static/icon/account.png">
						</div>
						<dt align="center" th:text="${user.username}">管理员</dt>
					</dl>
					<ul class="left" style="width:50%;height:100%;">
						<li><span class="glyphicon glyphicon-cog"></span>&nbsp;修改密码</li>
						<li><a href="/common/login/loginexit" style="display:block;color:#fff;"><span class="glyphicon glyphicon-off"></span>&nbsp;退出登录</a></li>
					</ul>
				</div>
			</div>
			<div id="footericon" class="footericon" style="background-color:#5bc0de;border-color: #fff;width:100%;float:left" >
				<a href="javascript:void(0);" id="winMenu" class="btn btn-lg left" style="display:block;">
					<span  class="glyphicon glyphicon-th-large"></span>
				</a>
				<ul id="footerNav" class="left">
					<!-- <li id="1" class="btn btn-info  btn-lg left active" onclick="openWindows(this)" data-url="toPage?page=common/menu/menu"><span>顶级菜单</span></li>
					<li class="btn btn-info  btn-lg left" onclick="openWindows(this)" data-url="toPage?page=common/article/article"><span>顶级菜单</span></li> -->
				</ul>
				<a href="javascript:void(0);" id="fullScreen" class="btn  btn-lg right" style="display:block;" title="全屏模式">
					<span class="glyphicon glyphicon-fullscreen"></span>
				</a>
			</div>
		</div>
		<!-- 数据内容页面 -->
		<div id="windows" class="windows" style="display:none;">
			<div id="windowstitle" class="windowstitle left" style="width:100%;height:12%;user-select:none;border-bottom:1px solid #e1e1e1;">
				<p>
					<span class="left">数据内容</span>
					<a class="right glyphicon glyphicon-remove" onclick="closeWindows()"></a>
					<a class="glyphicon glyphicon-stop right" onclick="fullScreen()"></a>
					<a class="right glyphicon glyphicon-minus" onclick="shrink()"></a>
				</p>
			</div>
			<!-- toPage?page=common/article/article -->
			<iframe id="frame" name="frame" width="100%" height="88%" frameborder="0" style="float:left;" src="">
			</iframe>
		</div>
		<!-- <div class="menuWindows" style="display:none;width:70%;height:60%;position:fixed;background:#fff;left:10%;top:10%;border:1px solid #666;">
			<div class="windowstitle left" style="width:100%;height:8%;user-select:none;border-bottom:1px solid #e1e1e1;">
					<h4 class="left" style="text-indent:1em;"><b>菜单列表</b></h4>
					<a class="right glyphicon glyphicon-remove" onclick="closeWindows(this)"></a>
					<a class="glyphicon glyphicon-stop right" onclick="fullScreen(this)"></a>
					<a class="right glyphicon glyphicon-minus" onclick="shrink(this)"></a>
			</div>
			toPage?page=common/article/article  
			<div id="frames" name="frames" style="width:100%;height:92%;margin:10px;">
				<ul id="framesMenu">
					<li>
						<a href="javascript:void(0);" >
				          <span class="glyphicon glyphicon-folder-open"></span>
				          <span style="display:block;font-size:14px;">菜单加载初始化</span>
				        </a>
					</li>
				</ul>
			</div>
		</div> -->
</div>
<script src="/static/desktop/main.js"></script>
<script>
main.init();
//进行切换
var fullScreenClickCount=0; 
//调用各个浏览器提供的全屏方法
var handleFullScreen = function () {
    var de = document.documentElement;

    if (de.requestFullscreen) {
        de.requestFullscreen();
    } else if (de.mozRequestFullScreen) {
        de.mozRequestFullScreen();
    } else if (de.webkitRequestFullScreen) {
        de.webkitRequestFullScreen();
    } else if (de.msRequestFullscreen) {
        de.msRequestFullscreen();
    }else {
        alert("当前浏览器不支持全屏！");
    }
    fullScreenClickCount=1;
};
//点击退出全屏 方法
var exitFullscreen=function(){
    var elem=document;
    if(elem.webkitCancelFullScreen){
        elem.webkitCancelFullScreen();    
    }else if(elem.mozCancelFullScreen){
        elem.mozCancelFullScreen();
    }else if(elem.cancelFullScreen){
        elem.cancelFullScreen();
    }else if(elem.exitFullscreen){
        elem.exitFullscreen();
    }else{
        //浏览器不支持全屏API或已被禁用
    	alert("当前浏览器不支持全屏！");
    }
    fullScreenClickCount=0;
}
$("#fullScreen").click(function(){
	if(fullScreenClickCount==0){
		handleFullScreen();
	}else{
		exitFullscreen();
	}
})
</script>
</body>
</html>